// 改变element-ui的样式变量
/* 改变主题色变量 */
// $--color-primary: #94C05A;

/* 改变 icon 字体路径变量，必需 */
$--font-path: '~element-ui/lib/theme-chalk/fonts';

@import "~element-ui/packages/theme-chalk/src/index";

// 自己扩充的全局样式
html, body, #app {
  height: 100%;
  margin: 0;
  padding: 0;
  min-width: 1300px;
}

@mixin zoomImage {
  width:100%;
  height:0;
  overflow:hidden;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size:cover;
  -moz-background-size:cover;
  background-size:cover;
}
.zoomImage{
  @include zoomImage;
  padding-bottom: 100%;
}
@each $size, $padding-bottom in (50: 50%, 66: 66%,70: 70%, 80: 80%, 100: 100%, 120: 120%, 133: 133%, 150: 150%) {
  .zoomImage-#{$size} {
    @include zoomImage;
    padding-bottom: $padding-bottom;
  }
}

@each $name, $color in (primary: #94c05a, caramel: #c0985a, blue: #5ac0b5, green :#5ac07c, gray: #b0b0af) {
  .mark-#{$name} {
    color: #FFF!important;
    background-color: $color!important;
  }
}


.shadow-none {
  box-shadow: none;
}
.shadow-sm {
  box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
}
.shadow {
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
}
.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0,0,0,.175);
}

